<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>火云鞋神官方旗舰店</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/main.css">

</head>
<body>
<div class="container-fluid" style="background-color: #F2F2F2">
    <!--<div class="row a" >
        <div class="col-md-2"></div>
        <div class="col-md-1"><img src="../img/logo.png"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-3" style="margin-top: 30px">
            <div class="top-header">
                <ul><span class="phone">090 - 223 44 66</span></ul>
                <ul><span class="glyphicon glyphicon-envelope"><a href="">  help@trendd.com</a></span></ul>
            </div>
            <div style="clear: both"></div>
            <div class="top-middle">
                <div>
                    <ul><a href="" style="border-right:3px white solid;padding-right: 20px"><img src="../img/shop2.svg"
                                                                                                 alt=""
                                                                                                 style="width: 30px;margin-top: 0px;"></a>
                    </ul>
                </div>
                <div>
                    <ul style="padding-left: 15px;margin-top: 2px"><a href="http://localhost:63343/project/html/login.html" style="color: #9B0909;font-weight:bold;">登录</a>
                    </ul>
                </div>
                <div>
                    &lt;!&ndash;<bottom type="button" class="btn btn-danger" src="http://localhost:63343/project/html/zhuce.html">/bottom>&ndash;&gt;
                    <ul style="padding-left: 15px;margin-top: 2px"><a href="http://localhost:63343/project/html/zhuce.html" style="color: #9B0909;font-weight:bold;">注册</a>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    <div class="row b">
        <div class="col-md-2"></div>
        <div class="b-user col-md-8 ">
            <ul><h4><a href="">产品</a></h4></ul>
            <ul><h4><a href="">活动</a></h4></ul>
            <ul><h4><a href="">服务</a></h4></ul>
            <ul><h4><a href="">品牌</a></h4></ul>
            <ul><h4><a href="">其他</a></h4></ul>
            <ul><input type="text" class="form-control" placeholder="Search" style="border-radius: 20px;">
                <a href=""><img src="img/search.svg" alt="" style="margin-left: 170px;margin-top: -54px"></a></ul>
        </div>
        <div class="col-md-2"></div>
    </div>-->

    <iframe   src="../html/head.html" width="100%" height="260px" scrolling="no"  name="iframe名称"   style="border: 0" >
    </iframe>
    <div id="carousel-example-generic" class="row carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="http://demo2.cssmoban.com/cssthemes2/ftmp8_52_hb/images/slide1.png" alt="...">
            </div>
            <div class="item ">
                <img src="http://demo2.cssmoban.com/cssthemes2/ftmp8_52_hb/images/slide2.png" alt="...">
            </div>

        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class=".icon-prev" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class=".icon-next" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="row c">
        <div class="col-md-2"></div>
        <div class="col-md-8">
            <div class="c-shoe col-md-4">
                <div>
                    <h2>WOMAN</h2>
                    <a href="http://localhost:63343/qiguai/html/product.html?_ijt=p3bkp05b2f3ihl7vtvbubfv61g"><img class="c-img"
                                    src="http://demo2.cssmoban.com/cssthemes2/ftmp8_52_hb/images/img-w.jpg" alt=""></a>
                    <h4>TOTAL</h4>
                    <label>357 PRODUCTS</label>
                    <p><a href="http://localhost:63343/qiguai/html/product.html?_ijt=p3bkp05b2f3ihl7vtvbubfv61g"><img src="http://demo2.cssmoban.com/cssthemes2/ftmp8_52_hb/images/list-icon.png"
                                       alt="" style="width: 16px"></a></p>
                </div>
            </div>
            <div class="c-shoe col-md-4">
                <div>
                    <h2>MAN</h2>

                    <a href="http://localhost:63343/qiguai/html/product.html?_ijt=p3bkp05b2f3ihl7vtvbubfv61g"><img class="c-img"
                                    src="http://demo2.cssmoban.com/cssthemes2/ftmp8_52_hb/images/man-r-img.jpg" alt=""></a>
                    <h4>TOTAL</h4>
                    <label>357 PRODUCTS</label>
                    <p><a href="http://localhost:63343/qiguai/html/product.html?_ijt=p3bkp05b2f3ihl7vtvbubfv61g"><img src="http://demo2.cssmoban.com/cssthemes2/ftmp8_52_hb/images/list-icon.png"
                                       alt="" style="width: 16px"></a></p>
                </div>
            </div>
            <div class="c-shoe col-md-4">
                <div>
                    <h2>KIDS</h2>
                    <a href="http://localhost:63343/qiguai/html/product.html?_ijt=p3bkp05b2f3ihl7vtvbubfv61g"><img class="c-img"
                                    src="http://www.uuwtq.com/file/image/tx/4w129977948u3956073272t15.jpg" alt=""></a>
                    <h4>TOTAL</h4>
                    <label>357 PRODUCTS</label>
                    <p><a href="http://localhost:63343/qiguai/html/product.html?_ijt=p3bkp05b2f3ihl7vtvbubfv61g"><img src="http://demo2.cssmoban.com/cssthemes2/ftmp8_52_hb/images/list-icon.png"
                                       alt="" style="width: 16px"></a></p>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    <div class="row d">
        <div class="col-md-2"></div>
        <div class="col-md-8" style="background-color: white;width: 61.5%;margin-left: 25px">
            <div>
                <div class="d-top1">
                    <h3>SPECIAL <span style="color: red">PRODUCTS</span></h3>
                </div>
                <div class="d-top2">
                    ▶<a href="http://localhost:63343/qiguai/html/product.html?_ijt=4mujr1cfppm108nmj4tb7lr7rs"> view all products</a>
                </div>
            </div>
            <div style="clear: both"></div>
            <div class="row d-shopping" id="aa">
                <!--<div class="col-md-3">
                    <div>
                        <a href=""><img src="http://demo2.cssmoban.com/cssthemes2/ftmp8_52_hb/images/p1.jpg" alt=""></a>
                        <h4><a href="">Nike Roshe Run</a></h4>
                        <a href="" class="d-a">
                            <span>109.90$  </span>
                            <small>GET NOW</small>
                            <label>></label>
                        </a>
                    </div>
                </div>-->
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>


</div>

</div>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/npm.js"></script>
<script src="../js/cookie.js"></script>

<script>

    $('.carousel').carousel({
        interval: 2000
    })
    // html看明白------  LocalStorage  JS
   /* function getCookie(name) {
        var prefix = name + "="  // name=
        console.log(document.cookie) // name=wangwu; Hm_lvt_eaa57ca47dacb4ad4f5a2570
        // name=  第一次出现的位置
        var start = document.cookie.indexOf(prefix)
        if (start == -1) {
            return null;
        }
        // 从0+5这个位置开始，找到;第一次出现的位置，也就是这个cookie值得结束位置
        var end = document.cookie.indexOf(";", start + prefix.length)
        // name=wangwu
        // Hm_lvt_eaa57ca47dacb4ad4f5a2570;name=wangwu
        // 将字符串得总长度就是截取值得结束位置
        if (end == -1) { // 没有找到分号
            end = document.cookie.length;
        }
        var value = document.cookie.substring(start + prefix.length, end)
        return unescape(value);
    }*/
    var a = getCookie("uname")
    var b = getCookie("userid")

    console.log(a)
    console.log(b)
</script>
<script>
    $.getJSON("http://localhost:8080/nb/nbdaa?currPage="+ 2 + "&pageSize=" + 12 ,function (data) {
        console.log(data)
        let html=''
        var list = data.data.list
        for(let i = 0; i < list.length; i++) {
            console.log(list[i])
            html += `
            <div class="col-md-3" >
            <div style="float: left">
            <a target="_blank" href="http://localhost:63343/qiguai/html/single-goods.html?id=${list[i].goodId}"><img src="${list[i].goodPhoto}" alt=""></a>
            <h4 ><a target="_blank" href="http://localhost:63343/qiguai/html/single-goods.html?id=${list[i].goodId}" style="width: 200px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;display: -webkit-box;display:block">${list[i].goodName}</a></h4>
            <a target="_blank" href="http://localhost:63343/qiguai/html/single-goods.html?id=${list[i].goodId}" class="d-a">
            <span>${list[i].goodMoney}$  </span>
            <small>GET NOW</small>
            <label>></label>
            </a>
            </div>
            </div>
            `
        }
        $("#aa").append(html)
    })

</script>
</body>
</html>